<!DOCTYPE html>

<html lang="en">
	<head>
		<title>cSans 1.0 - Default styles</title>
		<meta charset="utf-8">
		<meta name="author" content="A navalla suíza - http://anavallasuiza.com">

		<link rel="stylesheet" href="../csans/csans1.0.css" type="text/css">
	</head>
	
	<body>
		<article>
			<header>
				<hgroup>
					<h1>This is a H1</h1>
					<h2>This is a H2</h2>
				</hgroup>
				<h3>This is a H3</h3>
				<h4>This is a H4</h4>
				<h5>This is a H5</h5>
				<h6>This is a H6</h6>
			</header>
			
			<menu>
				<li>This is a menu element</li>
				<li>This is a menu element</li>
				<li>This is a menu element</li>
			</menu>
			
			<ul>
				<li>This is a ul element</li>
				<li>This is a ul element</li>
				<li>This is a ul element</li>
			</ul>
			
			<ol>
				<li>This is a ol element</li>
				<li>This is a ol element</li>
				<li>This is a ol element</li>
			</ol>
			
			<dl>
				<dt>This is a dl'dt</dt>
				<dd>This is a dl'dd</dd>
				<dd>This is a dl'dd</dd>
				
				<dt>This is a dl'dt</dt>
				<dd>This is a dl'dd</dd>
				<dd>This is a dl'dd</dd>
				<dd>This is a dl'dd</dd>
			</dl>
			
			<nav>This is a nav</nav>
			
			<address>This is an address</address>
			<aside>This is an aside</aside>
			<blockquote>This is a blockquote</blockquote>
			<details>
				<summary>This is a summary</summary>
				This is a details
			</details>
			
			<figure>
				<figcaption>This is a figcaption</figcaption>
				This is a figure
			</figure>
			
			<div>This is a div</div>
			
			<p>
				This is a p width a <a href="#">link</a>, a <abbr>abbr</abbr>, a <b>b</b>, <cite>cite</cite>, <code>code</code><br>
				<del>del</del>, <dfn>dfn</dfn>, <em>em</em>, <i>i</i>, <ins>ins</ins>, <kbd>kbd</kbd>, <mark>mark</mark>, <command>
				<meter value="10" max="10">meter</meter>, <progress value="10" max="10">progress</progress>, <q>q</q>, <samp>samp</samp>, <small>small</small>,
				<span>span</span>, <strong>strong</strong>, <sub>sub</sub>, <sup>sup</sup>, <time datetime="2010-06-21">time</time>, <var>var</var>
			</p>
			<hr>
			<pre>This is a pre</pre>
			<section>This is a section</section>
			
			<iframe src="http://anavallasuiza.com">This is an iframe</iframe>
			<img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" title="This is an image">

			<canvas width="200" height="200">This is a canvas element</canvas>
			<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg">This is an ogg audio tag</audio>
			<video src="http://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv">This is an ogg video tag</video>
			
			<footer>This is a footer</footer>
		</article>
		
		<form>
			<fieldset>
				<legend>This is a legend</legend>
				<label>This is a label</label><br>
				<input type="text" title="text"><br>
				<input type="radio" title="radio"><br>
				<input type="checkbox" title="checkbox"><br>
				<input type="password" title="password"><br>
				<input type="search" title="search"><br>
				<input type="tel" title="tel"><br>
				<input type="url" title="url"><br>
				<input type="email" title="email"><br>
				<input type="datetime" title="datetime"><br>
				<input type="date" title="date"><br>
				<input type="month" title="month"><br>
				<input type="week" title="week"><br>
				<input type="time" title="time"><br>
				<input type="datetime-local" title="datetime-local"><br>
				<input type="number" title="number"><br>
				<input type="range" title="range"><br>
				<input type="color" title="color"><br>
				<input type="submit" title="submit"><br>
				<input type="reset" title="reset"><br>
				<button>This is a button</button><br>
				<select>
					<option>Option1</option>
					<option>Option2</option>
				</select><br>
				<textarea>This is a textarea</textarea>
			</fieldset>
		</form>
		
		<table>
			<caption>This is a caption</caption>
			<thead>
				<tr>
					<th>This is a thead's th</th>
					<th>This is a thead's th</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>This is a tbody's td</td>
					<td>This is a tbody's td</td>
				</tr>
				<tr>
					<td>This is a tbody's td</td>
					<td>This is a tbody's td</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td>This is a tfoot's td'</td>
					<td>This is a tfoot's td'</td>
				</tr>
			</tfoot>
		</table>
	</body>
</html>